<template>
  <div
    data-h-cxk-yg
    class="latest-container"
  >
    <div
      data-h-cxk-yg
      class="head-news"
    >
      <button
        data-h-cxk-yg
        class="more"
      >全部></button>
      <h4
        data-h-cxk-yg
        class="news-title"
      >预告片速递</h4>
    </div>
    <div
      data-h-cxk-yg
      class="news-content-yugao"
    >
      <img
        data-h-cxk-yg
        class="fimg"
        src="./../../../../public/hotspot/yugao/1.jpg"
        alt=""
      >
      <div
        data-h-cxk-yg
        class="yugao-right"
      >
        <img
          data-h-cxk-yg
          src="./../../../../public/hotspot/yugao/2.jpg"
          alt=""
        >
        <img
          data-h-cxk-yg
          src="./../../../../public/hotspot/yugao/3.jpg"
          alt=""
        >
      </div>
      <div
        data-h-cxk-yg
        class="yugao-bottom"
      >
        <img
          data-h-cxk-yg
          src="./../../../../public/hotspot/yugao/4.jpg"
          alt=""
        >
        <img
          data-h-cxk-yg
          src="./../../../../public/hotspot/yugao/5.jpg"
          alt=""
        >
        <img
          data-h-cxk-yg
          src="./../../../../public/hotspot/yugao/6.jpg"
          alt=""
        >
      </div>
    </div>
  </div>
</template>

<script>
export default {
  props: {},
  components: {},
  data() {
    return {};
  },
  methods: {},
};
</script>

<style lang="less">
.latest-container[data-h-cxk-yg] {
  width: 750px;
  height: 486px;
  background-color: rgb(255, 255, 255);
  .head-news[data-h-cxk-yg] {
    width: 730px;
    line-height: 26px;
    margin-bottom: 20px;
    color: #2d98f3;
    h4[data-h-cxk-yg] {
      margin-top: 0px;
    }
    .news-title[data-h-cxk-yg] {
      font-size: 26px;
      font-weight: 400;
      font-family: "Microsoft";
    }
    .more[data-h-cxk-yg] {
      line-height: 26px;
      margin-top: 10px;
      outline: none;
      color: #2d98f3;
      background-color: #fff;
      border: none;
      float: right;
    }
  }
  .news-content-yugao[data-h-cxk-yg] {
    .fimg[data-h-cxk-yg] {
      float: left;
    }
    .yugao-right[data-h-cxk-yg] {
      width: 230px;
      height: 270px;
      float: right;
      margin-right: 20px;
      img[data-h-cxk-yg] {
        margin-bottom: 20px;
        float: right;
        display: block;
      }
    }
    .yugao-bottom[data-h-cxk-yg] {
      width: 760px;
      height: 125px;
      img[data-h-cxk-yg] {
        margin-top: 20px;
        margin-right: 20px;
      }
    }
  }
}
</style>